<template>
  <div>
    <div class="fixHead">
      <div class="title">
        <span class="iconfont icon-jiantou" @click="$router.go(-1)"></span>
        <span class="icon-home" @click="$router.push('/')"></span>
        <h1>社群简介</h1>
        <span class="rightBtn" @click="show2 = true">•••</span>
      </div>
      <div style="height: 0.88rem;"></div>
    </div>
    <div class="introDe">
      <div class="video" v-if="type == 'video'">
        <video controls="controls">
          <source
            src="http://wxsnsdy.tc.qq.com/105/20210/snsdyvideodownload?filekey=30280201010421301f0201690402534804102ca905ce620b1241b726bc41dcff44e00204012882540400&bizid=1023&hy=SH&fileparam=302c020101042530230204136ffd93020457e3c4ff02024ef202031e8d7f02030f42400204045a320a0201000400"
            type="video/mp4"
          />
          Your browser does not support the video tag.
        </video>
      </div>

      <div class="pdf" v-if="type == 'pdf'">
        pdf
      </div>

      <div class="imgAndTxt" v-if="type == 'img'">
        <div class="div1">蚂蚁金服是一家怎样的公司呢？麻小云有话说</div>
        <div class="div2">
          <p>
            我所在的西北城市对春天的感觉总是处于后知后觉的状态。告别了黑黝黝望不到边的寒冬和一场接一场大大小小的考试，此时的心
          </p>
          <img src="../../assets/images/about.png" />
        </div>
      </div>
    </div>

    <!-- 操作 -->
    <yd-actionsheet :items="myItems" v-model="show2"></yd-actionsheet>
  </div>
</template>

<script>
import { ActionSheet } from "vue-ydui/dist/lib.rem/actionsheet";
export default {
  name: "",
  components: {
    ydActionsheet: ActionSheet
  },
  props: {},
  data: function() {
    return {
      show2: false, //右上角...
      myItems: [],
      type: ""
    };
  },
  mounted: function() {
    this.myItems = [
      {
        label: "删除",
        callback: () => {
          this.confirmFn();
        }
      }
    ];
    this.type = this.$route.query.type;
  },
  methods: {
    confirmFn() {
      this.$dialog.confirm({
        title: "是否确认删除？",
        mes: "",
        opts: [
          {
            txt: "取消",
            color: "#999999",
            stay: false, //是否保留提示框
            callback: () => {
              console.log("取消");
            }
          },
          {
            txt: "确认",
            color: "#deaa8a",
            stay: false,
            callback: () => {
              console.log("执行删除");
            }
          }
        ]
      });
    }
  }
};
</script>

<style scoped></style>
